@media screen and (max-width:1600px){
.nav{ width:80%; padding-right:400px;}
.h_tell{ right:200px;}
}

@media screen and (max-width:1440px){
.head-fixed .w{ width:92%;}
.nav{ width: 80%; padding-right: 374px;}
.nav .plebans{ font-size:14px;}
.goutp p{ font-size:13px;}
.h_tell{ right:190px;}
.con1_pro .txt h3{ font-size:40px;}
.con1_pro .txt h3 em{ font-size:30px;}
.con2_txt h3{ font-size:40px;}
.con2_txt h4{ font-size:28px;}
.tit3 em{ font-size:40px;}
.news_list li .time{ font-size:14px;}
.news_list li h3{ font-size:20px;}
.news_list li p{ font-size:14px;}
.pro_tab li{ font-size:16px;}
.pro_show .pro1_lf{ font-size:14px;}
.pro_show .pro_txt{ font-size:14px;}
.location{ line-height:62px;}
.location em{ font-size:14px;}
.location em a{ padding:0 35px;}
.titc em{ font-size:30px;}
.ab_txt h3{ font-size:30px;}
.ab_txt p{ font-size:14px;}
.ab_infor li span{ font-size:40px;}
.ab_infor li em i{ top:10px; font-size:16px;}
.ab_infor li:last-child em i{ right:-15px;}
.ab_infor li p{ font-size:16px;}
.com_txt p{ font-size:14px;}
.history ul li .txt{ font-size:14px;}
.history ul li .txt p{ margin-bottom:20px;}
.history ul li .time{ font-size:30px;}
.news_dt_tit h3{ font-size:30px;}
.news_txt p{ font-size:14px;}
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1200px){
.w{ width:95%;}
}

@media screen and (max-width:1130px){
}

@media screen and (max-width:1024px){
.honer .swiper-slide{ height:calc((100% - 30px) / 2);}
}

@media screen and (max-width:1023px){
.w{ width:95%;}
.logo{ width:65%;}
.sanh{ display:block;}
.nav{ width:100%; position: fixed; left: -100%; height:100%; top:0; z-index: 10; padding:0; display:block;}
.nav_bg{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5); z-index:1;}
.nav .w{ width:100%;}
.nav ul{ width:65%; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2;}
.nav .plebans{ font-size:30px; width:100%; padding-left:30px; line-height:100px!important; position:relative;}
.nav .plebans a{ display:inline; padding:0!important; color:#333!important; font-weight:500;}
.nav li .plebans:after{ display:none;}
.nav li{ width:100%; border-bottom:1px solid rgba(0,0,0,.05); height:auto;}
.nav li .jd{ position:absolute; top:50%; margin-top:-13px; right:8%; width:15px; height:26px; display:block; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1; transform:rotate(90deg);}
.nav li.on .plebans a,.nav li.cur .plebans a{ background:none; color:#ca545b!important;}
.nav li:nth-child(2) .goutp{ width:100%; margin-left:-100px;}
.goutp{ position:static; background:#fff; box-shadow:none; border-top:1px solid rgba(0,0,0,.03); width:100%!important; text-align:left; margin:0!important;}
.goutp p{ font-size:28px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ color:#666; padding-left:50px;}
.h_tell{ display:none;}
.search{ right:80px; height:52px; margin-top:-26px;}
.s_intxt{ width:300px; font-size:24px; line-height:50px; padding:0 25px;}
.s_inbut{ width:24px; height:24px; margin-top:-12px; right:25px;}

.banner .swiper-slide .txt img{ width:80%;}

.con1_pro{ padding:80px 0;}
.con1_pro .txt{ width:100%; margin-bottom:30px;}
.con1_pro .txt h3{ font-size:48px;}
.con1_pro .txt h3 em{ font-size:36px;}
.con1_pro .txt .txtc{ font-size:24px; margin:30px 0 35px 0;}
.con1_pro .txt a{ font-size:24px;}
.con1_pro .pic{ width:100%;}

.con2 .w{ top:70px; transform:translate(-50%,0);}
.con2_lf{ width:100%;}
.con2_txt{ width:100%; max-height:99999999px;}
.con2_txt h3{ font-size:48px;}
.con2_txt h4{ font-size:30px;}
.con2_txt .txt{ font-size:24px; margin:40px 0 50px 0;}
.con2_txt a{ font-size:24px;}
.con2_rt{ width:100%;}
.con2_rt img{ margin-bottom:0;}

.con3{ padding:70px 0;}
.tit3 p{ font-size:24px;}
.tit3 em{ font-size:48px;}
.news_list li{ width:46.02649006622517%;}
.news_list li .time{ font-size:24px;}
.news_list li .txt{ height:133px;}
.news_list li h3{ font-size:28px; line-height:40px;}
.news_list li p{ font-size:24px; line-height:40px;}
.news_list li .more{ font-size:24px; padding:0 50px;}

.nyban .txt img{ height:40px;}
.nyban .txt p{ font-size:24px; padding:0 10%; line-height:1.5; margin-top:15px;}

.com_w{ padding:70px 0;}
.news_dt_tit h3{ font-size:32px;}
.news_dt_tit p{ font-size:24px;}
.news_lf{ border-right:none; padding-right:0; width:100%;}
.news_txt p{ font-size:24px;}
.news_rt{ padding:40px 0 0 0; width:100%;}
.news_rt .tit{ font-size:28px;}
.news_rt ul{ width:102.5%;}
.news_rt ul li{ width:47.5%; margin:2.5% 2.5% 0 0;}
.news_rt ul li:nth-child(1){ margin-top:2.5%;}
.news_rt ul li p{ font-size:24px;}
.news_rt ul li em{ font-size:24px;}

.up_down li a{ font-size:24px; padding:0 50px;}

.con_infor li{ text-align:left; width:100%; position:relative; padding:0 0 0 120px; margin-bottom:20px;}
.con_infor li i{ width:65px; margin:0; height:65px; position:absolute; left:20px; top:50%; margin-top:-32.5px;}
.con_infor li em{ font-size:28px;}
.con_infor li span{ font-size:20px;}
.con_infor li p{ font-size:24px; margin-top:3px;}

.myinfowindow h5{ font-size:16px;}
.myinfowindow div{ font-size:14px;}
.c_mes_form li{ width:100%; margin-bottom:20px;}
.c_mes_form li em{ font-size:26px;}
.c_mes_form li.big{ width:100%;}
.c_intxt{ font-size:24px; padding:15px 18px;}
.c_inbut{ width:60%; line-height:2.8; font-size:28px; margin:0 auto;}

.location{ line-height:82px;}
.location em{ font-size:24px;}
.location em a{ padding:0 25px;}
.location span{ display:none;}

.history ul:before{ left:10px;}
.history ul:after{ top:30px; left:9px; transform:inherit;}
.history ul li{ padding:0 0 35px 40px; text-align:left;}
.history ul li .time{ font-size:24px;}
.history ul li .time:before{ left:-40px; right:inherit;}
.history ul li .txt{ font-size:24px; width:100%;}
.history ul li .pic{ width:100%; margin:10px 0 20px 0!important;}
.history ul li .pic img{ width:46.5%;}
.history ul li:nth-child(2n+1){ text-align:left; padding:0 0 35px 40px;}
.history ul li:nth-child(2n+1) .time:before{ left:-40px;}
.history ul li:nth-child(2n) .pic{ margin:0;}

.com_txt p{ font-size:24px;}

.honer{ height:620px; margin:40px 0;}

.ab_w{ padding-bottom:70px;}
.ab_txt h3{ font-size:36px;}
.ab_txt p{ font-size:24px;}
.ab_infor li span{ font-size:50px;}
.ab_infor li em i{ font-size:20px;}
.ab_infor li p{ font-size:24px; margin-top:10px;}

.con1_tab{ margin-top:40px;}
.pro_sider{/* width:calc(100% + 20px);*/ padding-top:0;}
.pro_sider li{/* width:calc(20% - 20px);*/ margin:20px 0 0 0; padding:15px 0 15px 5px;}
.pro_sider li .pic{ width:40.755%;}
.pro_sider li .txt{ width:59.245%; line-height:28px;}
.pro_sider li .txt em{ font-size:24px;}
.pro_sider li .txt p{ font-size:24px;}
.pro_sider li.swiper-slide-thumb-active{ padding-left:0;}
.con1 .pro_sider{ width:100%;}
.con1 .pro_sider li{ width:auto; margin:0;}
/*.com_w .pro_sider{ width:calc(100% + 12px);}
.com_w .pro_sider li{ width:calc(20% - 12px); padding:10px 5px 15px 5px; margin-right:12px;}
.com_w .pro_sider li .pic{ width:100%;}
.com_w .pro_sider li .txt{ width:100%;}
.com_w .pro_sider li .txt .clear{ text-align:center;}
.com_w .pro_sider li.swiper-slide-thumb-active{ padding-left:0;}*/

.pro_list{ width:102%;}
.pro_list li{ margin:30px 2% 0 0; width:48%;}
.pro_list li h3{ font-size:24px; margin:20px 0 15px 0;}
.pro_list li .pro_more{ font-size:24px; padding:0 50px;}

.pro_lac{ line-height:42px; margin-bottom:60px;}
.pro_lac a{ font-size:24px; padding:0 25px;}
.pro_lac em{ font-size:36px;}
.pro_img{ width:100%;}
.pro_img .pro_big{ width:100%; margin-bottom:20px;}
.pro_small{ width:80%; height:132px; margin:0 auto;}
.pro_img .swiper-button-next,.pro_img .swiper-button-prev{ width:50px; height:132px; top:inherit; bottom:0; left:inherit;}
.pro_img .swiper-button-prev{ transform:rotate(0deg); left:0;}
.pro_img .swiper-button-next{ transform:rotate(0deg); right:0;}
.pro_img .swiper-button-next:after,.pro_img .swiper-button-prev:after{ font-size:24px;}
.pro_infor{ width:100%; padding-top:50px;}
.pro_infor h3{ font-size:30px; text-align:center;}
.pro_infor h3 font{ font-size:40px;}
.pro_infor .txt{ font-size:24px; display:flex; flex-wrap:wrap; padding-top:25px;}
.pro_infor .txt p{ width:50%;}
.pro_infor .buts{ justify-content:center; align-items:center;}
.pro_infor .buts a{ font-size:24px; line-height:60px; width: 200px; text-align: center; margin:0 10px;}
.pro_tab li{ font-size:24px; padding:0 4.5%;}
.pro_show .pro_c{ padding:25px 0 0 0;}
.pro_show .pro1_lf{ width:100%; font-size:24px;}
.pro_show .pro1_tab{ margin-bottom:40px;}
.pro_show .pro1_rt{ width:100%;}
.pro_show .pro_txt{ font-size:24px;}
.pro_c table{ width:100% !important;}
.pro_c table th{ font-size:28px !important; line-height:60px !important;}
.pro_c table tr td{ font-size:28px !important; line-height:60px !important;}

.page a{ display:none;}
.page a,.page em,.p_txt{ font-size:24px; line-height:62px; padding:0 20px;}
.p_txt{ width:100px;}
.page .m{ display:inline-block;}

/*foot style*********************************************************************/
.footer ul{ display:none;}
.footer .f_infor{ width:100%; text-align:center;}
.footer .f_infor em{ font-size:48px; margin-bottom:20px;}
.footer .f_infor p{ font-size:24px;}
.footer .f_ewm{ width:100%; margin-top:50px;}
.footer .f_ewm img{ width:40%; margin:0 auto;}
.foot{ font-size:24px; text-align:center; line-height:1.8;}
.foot em{ width:100%;}

.r_intxt{ font-size:24px; line-height:70px; height:70px;}
.r_sel{ background-position:92% center; background-size:18px 10px;}
.r_inbut{ margin-top:-12px; width:24px; height:24px;}
.recruit ul li{ width:47.72%;}
.recruit ul li .txt h3{ font-size:28px; line-height:180%;}
.recruit ul li .txt p{ line-height:36px;}
.recruit ul li .txt p em{ width:100%; font-size:22px;}
.recruit ul li .txt h4{ font-size:22px; line-height:150%;}
.recruit ul li .txt span a,.r_btn{ font-size: 16px; line-height: 40px;}

.close{ top:28px; right:30px; width:28px; height:31px;}
.recruit_pop_c .r_tit{ font-size:24px;}
.recruit_pop_c .txt p{ font-size:16px;}

.culture_list li{ width:47.8%;}
.culture_list li em{ font-size:32px; line-height:85px;}
.culture_list li em:after{ width:45px;}
.culture_list li .txt{ font-size:24px;}


.download_list li .txt {
    overflow: inherit !important;
    width: 75% !important;
}
.download_list li {
    line-height: 50px !important;
    margin-bottom: 35px !important;
}
.download_list li .more {
    font-size: 24px !important;
    margin-bottom: 25px !important;
}
.download_list li h3 {
    font-size: 24px !important;
}

}
@media screen and (max-width:360px){
.honer .swiper-slide{ height:calc((100% - 20px) / 2);}
}